<script setup>
</script>
<template>
  <el-breadcrumb class="path-breadcrumb" separator="/">
    <el-breadcrumb-item to="/">
      <span class="breadcrumb-item">Home</span>
    </el-breadcrumb-item>
    <el-breadcrumb-item to="/category">
      <span class="breadcrumb-item">All products</span>
    </el-breadcrumb-item>
    <el-breadcrumb-item>
      <span class="breadcrumb-item">New</span>
    </el-breadcrumb-item>
  </el-breadcrumb>
</template>

<style lang="scss" scoped>
.path-breadcrumb {
  padding: 16px 0;
  .breadcrumb-item {
    color: #606266;
    font-weight: normal;
    // &.active {
    //   color: #303133;
    //   font-weight: bold;
    // }
  }
}
</style>
